halo开源博客搭建微信小程序实现内容同步-总结

首先环境需要:

服务器,域名,微信小程序号

服务器(尽量选择阿里云,腾讯云)

系统环境:centos7.5左右
安装宝塔面板方便快捷:安装教程
所需环境:Nginx,Mysql
搭建博客系统:Halo
根据开发文档在服务器部署好Halo(包含运行环境)
这里说一下就是Halo配置数据库,默认是H2 Database
我选择的是Mysql数据库,需要修改application.yaml文件
提前创建MySQL数据库名字为:halodb

mysql -u root -p  //进入mysql
create database halodb character set utf8mb4 collate utf8mb4_bin;//创建数据库

当然也可以使用可视化工具进行创建例如:宝塔面板上的phpmyadmin
在这里插入图片描述

server:
  port: 8090

  # Response data gzip.
  compression:
    enabled: true
spring:
  datasource:
    # MySQL database configuration.
    driver-class-name: com.mysql.cj.jdbc.Driver
    url: jdbc:mysql://127.0.0.1:3306/halodb?characterEncoding=utf8&useSSL=false&serverTimezone=Asia/Shanghai&allowPublicKeyRetrieval=true
    username: root
    password: 123456

halo:
  # Your admin client path is https://your-domain/{admin-path}
  admin-path: admin

  # memory or level or redis
  cache: memory

域名(需备案)

购买的域名需要备案才能进行访问(记得解析)
备案好后申请免费的ssl证书推荐阿里云(度:阿里云免费证书)
后面小程序必须https
在宝塔面板添加站点,在Nginx配置反向代理,即可用域名访问

server {
    listen 80;

    server_name xiaoheiya.xyz www.xiaoheiya.xyz;//你的域名

    client_max_body_size 1024m;

    location / {
        proxy_set_header HOST $host;
        proxy_set_header X-Forwarded-Proto $scheme;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

        proxy_pass http://127.0.0.1:8090/;//代理地址
    }
}

小程序配置(配置域名及halo配置)

首先在Halo后台博客设置-切换高级设置-API
打开API 服务设置api秘钥
在这里插入图片描述
登录小程序号配置域名信息
路径:开发管理-开发设置
在这里插入图片描述
引用开源项目:Gblog(感谢提供)

微信开发工具-导入
开通云开发获取云开发环境ID
在这里插入图片描述
修改配置文件
在这里插入图片描述
效果图:
在这里插入图片描述

欢迎体验
在这里插入图片描述

  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
WeHalo [wiˈheɪloʊ],意为我们的光环,嘻嘻。配合 Halo 轻快,简洁,功能强大的博客系统而开发出来的 简约风 微信小程序版博客QQ交流群: 260050047快速开始注:开源不易请留 WeHlo 底部署名不要删除git clone https://github.com/aquanlerou/WeHalo.git代码下载后,把 image 文件夹删除(放的是README中的图片与项目无关),用小程序 IDE 打开后即可使用。注:请选择小程序项目,非小游戏,例子中无 appid,所以无法在手机上运行,如果需要真机调试,请在打开例子时,填上自己的小程序 id文档修改app.js文件的全局变量,改为你的 Halo 博客的地址注:必须是HTTPS的因为,微信官方规定,还有把你的博客地址如:https://blog.eunji.cn添和https://v2.jinrishici.com加到微信公众平台的 request 合法域名中globalData: { //全局变量     URL: "https://blog.eunji.cn",   //你的地址     blogName: "AquanBlog",   //博客名字     TOKEN: "YouToken"   //Halo后台的Token }修改app.json文件更改小程序导航栏标题,改为你的博客名字"navigationBarTitleText": "AquanBlog",  //你的博客名字修改index.wxss文件更改首页封面背景图片,找到.aquanblog.aquanblog {     //填上你想要的封面图片链接     background-image: url("https://blog.eunji.cn/upload/2018/10/maximilian-weisbecker-544039-unsplash20181109154144125.jpg"); }修改poster.js文件更改 生成海报 功能附带你小程序宣传图片(图片可以在微信公众平台下载宣传物料获取放到你的服务器获取图片链接){     type: 'image',     //改为你的小程序宣传图片链接     url: 'https://blog.eunji.cn/upload/2018/11/wx20181208174737572.png',     css: {         width: '600rpx',         height: '167rpx',         mode: 'scaleToFill',         top: '433rpx',     } },html2wxml插件版本准备添加插件 搜索 html2wxml ,选中并添加 添加成功 文档正在不断完善中,遇到问题请加群提问或者 Issues 等你吐槽...演示

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小黑xiaohei_

你的鼓励就是创作的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值